<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			h2{
				font-size: 51px;
			}
			.c{
				border: 20px solid red;
				background-color: darkgray;
				border-radius: 34%;
				height: 490px;
				text-align: center;
				line-height: 400px;
				font-size: 50px;
			}
		</style>
		<script type="text/javascript" src="../js/jquery-3.3.1.min.js" ></script>
		
		<script>
			//$();
			$(function(){
				//$("div,p,h1").css({"border":"29px solid red","border-radius":"10px","height":"300px"}).html("We change lives!");
				$("div,p,h1").addClass("c").html("We change lives!");
				
				alert($("h2").css("font-size"));
				//事件的绑定
				$("#tbn").click(function(){
					$("div").hide(4000);
				});
				
			});
			
		/*	function HideDiv(){
				$("div").hide(5000);
			}*/
		</script>
	</head>
	<body>
		<input type="button" id="tbn" value="隐藏" />
                                                   <!--
                                                   onclick="HideDiv()"
                                                   -->
		
		<div>
			
		</div>
		<div>
			
		</div>
		
		<div>
			
		</div>
		<p>
			
		</p>
		<h1></h1>
		<h2>你好，我是jquery</h2>
		
	</body>
</html>
